<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="{{_res_path}}/css/UPGRADES CURSOR.css">
    <style>
        .img {
            width: 48px;
            height: 48px;
            background-image: url('{{_res_path}}/img/icons.png');
            transform: scale(1.33);
        }

        .img_1 {
            background-position: -48px -0px;
        }

        .img_2 {
            background-position: -48px -48px;
        }

        .img_3 {
            background-position: -48px -96px;
        }

        .img_4 {
            background-position: -48px -624px;
        }

        .img_5 {
            background-position: -48px -672px;
        }

        .img_6 {
            background-position: -48px -720px;
        }

        .img_7 {
            background-position: -48px -768px;
        }

        .img_8 {
            background-position: -48px -816px;
        }

        .img_9 {
            background-position: -48px -864px;
        }

        .img_10 {
            background-position: -48px -912px;
        }

        .img_11 {
            background-position: -48px -1344px;
        }

        .img_12 {
            background-position: -48px -1440px;
        }

        .img_13 {
            background-position: -48px -1488px;
        }

        .img_14 {
            background-position: -48px -1632px;
        }

        .img_15 {
            background-position: -48px -1728px;
        }
    </style>
</head>

<body>
    <header>
        <h1>老太婆升级商店</h1>
    </header>
    <main>
        <div class="product-container">
            <div class="product">
                <div class="img img_1"></div>
                <div class="product-info">
                    <h2 class="product-title">老太婆先锋</h2>
                    <p class="product-price">价格：1000</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_2"></div>
                <div class="product-info">
                    <h2 class="product-title">镀钢擀面杖</h2>
                    <p class="product-price">价格：5000</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_3"></div>
                <div class="product-info">
                    <h2 class="product-title">润滑牙托</h2>
                    <p class="product-price">价格：50000</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_4"></div>
                <div class="product-info">
                    <h2 class="product-title">西梅汁</h2>
                    <p class="product-price">价格：5 million</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_5"></div>
                <div class="product-info">
                    <h2 class="product-title">深度近视镜</h2>
                    <p class="product-price">价格：500 million</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>

            <div class="product">
                <div class="img img_6"></div>
                <div class="product-info">
                    <h2 class="product-title">高龄代理人</h2>
                    <p class="product-price">价格：50000 million</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_7"></div>
                <div class="product-info">
                    <h2 class="product-title">极限行者</h2>
                    <p class="product-price">价格：50 billion</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_8"></div>
                <div class="product-info">
                    <h2 class="product-title">肆无忌惮</h2>
                    <p class="product-price">价格：50 trillion</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_9"></div>
                <div class="product-info">
                    <h2 class="product-title">反痴呆</h2>
                    <p class="product-price">价格：50 quadrillion</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_10"></div>
                <div class="product-info">
                    <h2 class="product-title">长效染发剂</h2>
                    <p class="product-price">价格：50 quintillion</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>

            <div class="product">
                <div class="img img_11"></div>
                <div class="product-info">
                    <h2 class="product-title">彬彬有礼</h2>
                    <p class="product-price">价格：500 sextillion</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_12"></div>
                <div class="product-info">
                    <h2 class="product-title">世代衰退</h2>
                    <p class="product-price">价格：5 octillion</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_13"></div>
                <div class="product-info">
                    <h2 class="product-title">拜访</h2>
                    <p class="product-price">价格：50 nonillion</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_14"></div>
                <div class="product-info">
                    <h2 class="product-title">厨柜</h2>
                    <p class="product-price">价格：500 decillion</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
            <div class="product">
                <div class="img img_15"></div>
                <div class="product-info">
                    <h2 class="product-title">海绵手杖</h2>
                    <p class="product-price">价格：5 duodecillion</p>
                    <p class="product-description">老太婆的收益<b>翻倍</b>。</p>
                    <button class="product-button">拥有状态：未拥有</button>
                </div>
            </div>
        </div>
    </main>
</body>

</html>